<html>
<head>
<meta charset="utf-8">
<title>猜词</title>
<style>
*{padding:0; margin:0;}
body{
background:url('img/bg.jpg') no-repeat;
background-size:cover;
}
.container{width:400px; height:200; position:fixed; top:50%; left:50%; margin:-100px 0 0 -200px; text-align:center; }
.result-box{ background-color:#fff; text-align:center; line-height:60px; font-size:34px;}
button{ width:200px; height:50px; line-height:50px; margin-top:30px; border:none; color:#fff; font-size:24px;}
button:focus{outline:none;}
.start{ background-color:#428bca;}
.end{ background-color:#d9534f;}
</style>
</head>
<body>
	<div class="container">
		<div class="result-box" style="font-size:80px;line-height:120px;">
			****
		</div><!--result-box-->
		<button class="start" onClick="start()">下一个</button>
	</div><!--container-->
	
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript">
		var data1=['三要节', '逐峰', '三折', '喜分惠', '保温', '建材美食街', '诚信', '战狼', '通达集团', '感恩', '浙江', '百安居', '我爱你', '杭州', '小程序', '鼠年', '东阳', '机不可失', '分享达人', '优惠', '回眸一笑', '平台', '农庄', '小鸟依人', '中奖', '手舞足蹈', '蓝海', '红海', '眉飞色舞', '东张西望', '金鸡独立', '张牙舞爪', '大摇大摆', '不再犹豫', '苦思冥想', '昂首阔步', '欢呼雀跃', '大快朵颐', '左顾右盼', '挤眉弄眼', '暗送秋波', '痛哭流涕', '瞠目结舌', '喜出望外', '对答如流', '欢天喜地', '一目十行', '刮目相看', '左右开弓','开心','大格局','海纳百川','朋友','合作'];//参与人员
		
		
		var data = [];
		function init1(){
			for(var i in data1){
				data.push(data1[i]);
			}
		}
		
		
		//点击按钮
		function start(){
			if(data.length == 0){
				init1();
			}
			
			var key=Math.floor(Math.random()*data.length);
			var tel=data[key];
			$(".result-box").text(tel);
			data.splice(key,1);
			
		}

		


		
		
	</script>
</body>
</html>
